import { defineComponent } from "vue";

export default defineComponent({

    name: 'block-box-com',
    props: {
        title: {
            type: String,
            default: "",
        },
        text: {
            type: String,
            default: "",
        },
        marginTop: {
            type: String,
            default: "",
        },
    },
    setup(props, { slots }) {
        return () => {
            return <>
                <div class={'p-11 w-[169px] h-[79px]  bg-white rounded-8 mt-12'}>
                    <div class={' font-bold text-15'}>
                        {props.title}
                    </div>
                    <div class={'flex justify-between items-center mt-10'}>
                        <div class={'text-[#4485FF] text-17 flex items-center'}>{props.text}<span class={'text-12 ml-3'}>次</span></div>
                        
                        <div class={'text-12'}>
                        {slots.default?.()}
                        </div>
                    </div>
                </div>
            </>
        }

    }
})